<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>测量数据</title>
</head>
<body>
<!--查询条件框-->
<form class="layui-form" action="" style="padding-top: 20px;" id="msConForm">
</form>

<!--按钮框-->
<div class="layui-row">
    <div class="layui-col-xs12" id="msBtnForm" style="margin-left: 40px;margin-bottom: 15px;">
    </div>
</div>

<!--列表-->
<table class="layui-hide" id="msTable"></table>


<!-- 你的 HTML 代码 -->
<script>
    layui.use(['http', 'shopx', 'form', 'pub', 'table'], function () {
        var http = layui.http
            , shopx = layui.shopx
            , form = layui.form
            , pub = layui.pub
            , table = layui.table
            , $ = layui.$;

        var prefix = "ms";
        var elements = {
            name: prefix,
            controlName: 'cmMeasure',
            //页面元素前缀，按配置，施工等模块定义
            prefix: 'cm1',
            //page标题
            title: "测量单",
            //查询列表接口
            qryUrl: '/cmMeasure/queryPageList',
            //查询条件
            conName: 'msConForm',
            //按钮
            btnName: 'msBtnForm',
            //表格id
            tableName: 'msTable',
            //表主键
            keyId: 'cmmId',
            //排序
            orderBy: " start_dt desc",
            //默认初始化查询条件
            addModel: {
                // dictCode:"DEDUCTION_FLAG"
            },
            //查询条件 label#id#类型
            //注意：如果类型是dict 则用:分割 [0]是id [1]是dictCode,[2]是类型（t1：普通下拉框；t2:搜索下拉框；t3:多选搜索下拉框）
            //注意：如果类型是sel 则用:分割 [0]是id [1]是类型（t1：普通下拉框；t2:搜索下拉框；t3:多选搜索下拉框）
            conArray: [
                "客户编号|cusId|TEXT",
                "开工日期|startBegDt:startEndDt:d2|RDT",
                "公司|cpId:t2|SEL",
                "组织机构|orgId:t2|SEL",
                "材料员|materialId:t2|SEL",
            ],
            //按钮 id#名称#类型#图标#是否权限控制
            btnArray: [
                prefix + 'QueryBtn|查询|primary|&#xe615;|N'
            ],

            //表格列
            cols: [[
                {type: 'checkbox', fixed: 'left', width: 30}
                , {field: 'cmmId', title: '序号', fixed: 'left', width: 100}
                , {field: 'cusName', title: '姓名', sort: true, fixed: 'left', width: 100}
                , {field: 'cpName', title: '分公司', sort: true, fixed: 'left', width: 200}
                , {field: 'orgName', title: '店铺', sort: true, fixed: 'left', width: 200}
                , {field: 'buildAddress', width: 300, title: '地址'}
                , {field: 'houseArea', title: '外框面积', width: 100}
                , {field: 'designerName', title: '设计师', width: 100}
                , {field: 'budgeterName', title: '预算员', width: 100}
                , {field: 'materialName', width: 100, title: '材料员'}
                , {field: 'supervisor', title: '监理', width: 100}
                , {field: 'mngName', title: '项目经理/管家', width: 200}
                , {
                    field: 'signDt', title: '施工合同签订日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.signDt);
                    }
                }
                , {
                    field: 'planDt', title: '计划完工日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.planDt);
                    }
                }
                , {
                    field: 'startDt', title: '实际开工日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.startDt);
                    }
                }
                , {
                    field: 'materialSubDt', title: '选材单提交日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.materialSubDt);
                    }
                }
                , {field: 'financeState', title: '财务状况', width: 150}
                , {field: 'buildState', title: '施工状况', width: 150}
                , {
                    field: 'firstPayDt', title: '交齐首付款日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.firstPayDt);
                    }
                }
                , {
                    field: 'midPayDt', title: '交齐中期款日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.midPayDt);
                    }
                }
                , {
                    field: 'bottomPayDt', title: '交齐尾款日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.bottomPayDt);
                    }
                }
                , {
                    field: 'startPayDt', title: '交开工款日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.startPayDt);
                    }
                }
                , {field: 'contractMoney', title: '合同金额', width: 150}
                , {field: 'payEngMoney', title: '已收工程款', width: 150}
                , {field: 'buildRatio', title: '开单比例', width: 150}
                , {field: 'dbBrand', title: '地板-品牌', width: 150}
                , {
                    field: 'dbCreateDt', title: '地板-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dbCreateDt);
                    }
                }
                , {field: 'dbOrderState', title: '地板-下单状态', width: 150}
                , {
                    field: 'dbMeasureDt', title: '地板-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dbMeasureDt);
                    }
                }
                , {
                    field: 'dbMngDt', title: '地板-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dbMngDt);
                    }
                }
                , {field: 'dbmeasureState', title: '地板-测量状态', width: 150}
                , {
                    field: 'dbMeasureFinishDt', title: '地板-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dbMeasureFinishDt);
                    }
                }
                , {field: 'cgBrand', title: '橱柜-品牌', width: 150}
                , {
                    field: 'cgCreateDt', title: '橱柜-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.cgCreateDt);
                    }
                }
                , {field: 'cgOrderState', title: '橱柜-下单状态', width: 150}
                , {
                    field: 'cgMeasureDt', title: '橱柜-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.cgMeasureDt);
                    }
                }
                , {
                    field: 'cgMngDt', title: '橱柜-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.cgMngDt);
                    }
                }
                , {field: 'cgmeasureState', title: '橱柜-测量状态', width: 150}
                , {
                    field: 'cgMeasureFinishDt', title: '橱柜-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.cgMeasureFinishDt);
                    }
                }
                , {field: 'dzgBrand', title: '定制柜-品牌', width: 150}
                , {
                    field: 'dzgCreateDt', title: '定制柜-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dzgCreateDt);
                    }
                }
                , {field: 'dzgOrderState', title: '定制柜-下单状态', width: 150}
                , {
                    field: 'dzgMeasureDt', title: '定制柜-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dzgMeasureDt);
                    }
                }
                , {
                    field: 'dzgMngDt', title: '定制柜-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dzgMngDt);
                    }
                }
                , {field: 'dzgmeasureState', title: '定制柜-测量状态', width: 100}
                , {
                    field: 'dzgMeasureFinishDt', title: '定制柜-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dzgMeasureFinishDt);
                    }
                }
                , {field: 'dlsBrand', title: '大理石-品牌', width: 150}
                , {
                    field: 'dlsCreateDt', title: '大理石-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dlsCreateDt);
                    }
                }
                , {field: 'dlsOrderState', title: '大理石-下单状态', width: 150}
                , {
                    field: 'dlsMeasureDt', title: '大理石-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dlsMeasureDt);
                    }
                }
                , {
                    field: 'dlsMngDt', title: '大理石-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dlsMngDt);
                    }
                }
                , {field: 'dlsmeasureState', title: '大理石-测量状态', width: 150}
                , {
                    field: 'dlsMeasureFinishDt', title: '大理石-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.dlsMeasureFinishDt);
                    }
                }
                , {field: 'lhjBrand', title: '铝合金门-品牌', width: 150}
                , {
                    field: 'lhjCreateDt', title: '铝合金门-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.lhjCreateDt);
                    }
                }
                , {field: 'lhjOrderState', title: '铝合金门-下单状态', width: 150}
                , {
                    field: 'lhjMeasureDt', title: '铝合金门-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.lhjMeasureDt);
                    }
                }
                , {
                    field: 'lhjMngDt', title: '铝合金门-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.lhjMngDt);
                    }
                }
                , {field: 'lhjmeasureState', title: '铝合金门-测量状态', width: 100}
                , {
                    field: 'lhjMeasureFinishDt', title: '铝合金门-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.lhjMeasureFinishDt);
                    }
                }
                , {field: 'fmBrand', title: '房门-品牌', width: 150}
                , {
                    field: 'fmCreateDt', title: '房门-制单时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.fmCreateDt);
                    }
                }
                , {field: 'fmOrderState', title: '房门-下单状态', width: 150}
                , {
                    field: 'fmMeasureDt', title: '房门-测量反馈日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.fmMeasureDt);
                    }
                }
                , {
                    field: 'fmMngDt', title: '房门-项目经理确认日期', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.fmMngDt);
                    }
                }
                , {field: 'fmmeasureState', title: '房门-测量状态', width: 150}
                , {
                    field: 'fmMeasureFinishDt', title: '房门-测量制作完成时间', width: 200, sort: true, templet: function (d) {
                        return pub.formatDtm(d.fmMeasureFinishDt);
                    }
                }
            ]]
        }

        var page = shopx.genPage(elements);

        //展示菜单
        shopx.genCond(page);
        //展示按钮
        shopx.genBtn(page);
        //展示有权限的按钮
        shopx.eleAuthShow(http.getUserFunc());
        //展示form表单
        // shopx.genForm(page.formArray,"editFormDiv");


        //初始化分页查询 其中addModel是初始化查询条件
        http.initPage(page);
        // setTimeout(function(){
        //     var formSelects = layui.formSelects;
        //     formSelects.data('q_c1_roleCode', 'local', {
        //         arr: [
        //             {"name": "管理员", "value": 'admin1'},
        //             {"name": "预算员", "value": 'admin2'},
        //             {"name": "材料员", "value": 'admin3'},
        //             {"name": "财务", "value": 'admin4'},
        //         ]
        //     });
        // }, 1000);
        // form.render();
        //2、部门渲染
        layui.http.qryOrgList({},"q_cm1_cpId");
        // form.render();
    });

    function initQueryList() {
        layui.http.postRequest("/cmStore/queryPageList", 'POST', {}, function suc(data) {
            layui.jquery("#q_cm1_cpId").html('<option value="">请选择</option>');
            // layui.jquery("#q_cm1_orgId").html('<option value="">请选择</option>');
            layui.each(data.rspData.data, function (index, item) {
                if (item.csFlag == "1") {
                    layui.jquery("#q_cm1_cpId").append('<option value="' + item.csId + '">' + item.csName + '</option>');
                }
                layui.form.on('select(q_cm1_cpId)', function (data2) {
                    var cpId = data2.value;
                    layui.jquery("#q_cm1_orgId").html('<option value="">请选择</option>');
                    layui.each(data.rspData.data, function (index, item) {
                        if (item.storeFlag == "1" && item.csId.indexOf(cpId) > -1) {
                            layui.jquery("#q_cm1_orgId").append('<option value="' + item.csId + '">' + item.csName + '</option>');
                        }
                    });
                    layui.form.render('select');
                });
            });


            layui.form.on('select(q_cm1_orgId)', function (data2) {
                var orgId = data2.value;
                var model={
                    storeId:orgId
                }
                layui.http.postRequest("/cmMaterial/queryPageList", 'POST', model, function suc(data) {
                    layui.jquery("#q_cm1_materialId").html('<option value="">请选择</option>');
                    layui.each(data.rspData.data, function (index, item) {
                        layui.jquery("#q_cm1_materialId").append('<option value="' + item.userId + '">' + item.userName + '</option>');
                    });
                    layui.form.render('select');
                }, null, false, false);
            });

            layui.form.render();
        }, null, false, false);
    }

</script>
</body>
</html>